{extend name="common/main"}

{block name="css"}
<style>
	.detail_top dl dd {
		font-size: 13px;
	}

	#dd{
		float: right;
		margin-top:30px;
	}
</style>
<!-- 本页面需要额外添加的css请在此处添加 -->
{/block}
{block name="body"}
<body>
<header>
<div class="tab_nav">
  <div class="header">
    <div class="h-left"><a class="sb-back" href="{:url('User/order_list')}" title="返回"></a></div>
    <div class="h-mid">订单详情</div>
    <div class="h-right">
      <aside class="top_bar">
        <div onClick="show_menu();$('#close_btn').addClass('hid');" id="show_more"><a href="javascript:;"></a> </div>
      </aside>
    </div>
  </div>
</div>
</header>
{include file="common/goods_nav"}
<div id="tbh5v0">						
	<div class="order">
	
		<div class="detail_top">
			<div class="lan">
				<dl>
				<dt class="dingdan_1"></dt>
				<dd><span>订单状态：&nbsp;&nbsp;&nbsp;&nbsp;{$order_info.order_status_desc}</span><br>
				    <span class="dingdanhao">订单号&nbsp;:&nbsp;{$order_info.order_sn}</span><br>
				    <span>配送费用&nbsp;:￥{$order_info.shipping_price}元</span>
				</dd>
				</dl>
			</div>
		
			<dl style="border-bottom:1px solid #eeeeee">
			<dt style=" position:absolute;" class="dingdan_2"></dt>
			<dd style=" margin-left:30px;"><span class="zhif">所选支付方式&nbsp;:&nbsp;{$order_info.pay_name}</span>
				<span class="zhif">应付款金额&nbsp;:&nbsp;￥{$order_info.order_amount}元</span>			 			 
                {if condition="$order_info.pay_btn eq 1"}
	                <a href="{:url('classify/pay')}?order_id={$order_info['order_id']}" class="zhifu" style=" color:#fff; font-size:16px;">去支付</a>
                {/if}
			</dd>
			</dl>
		
			<dl>
			<dt class="dingdan_3"></dt>
			<dd><h3>收货人姓名&nbsp;:&nbsp;{$order_info.consignee}<em>{$order_info.mobile}</em></h3>
				<div class="adss">详细地址&nbsp;:&nbsp;{$order_info.address}</div>
			</dd>
			</dl>
		
			{if condition="$order_info['shipping_time'] gt 0"}
			<dl style="border-top:1px solid #eeeeee; margin-top:10px; height:70px; padding-bottom:0px;">
			<dt class="dingdan_4"><img src="/mobiled/images/wuliuimg.png" width="30" height="70"></dt>
			<dd><h3>快递单号:{$order_info.invoice_no}</h3>
			<p><a href="http://www.kuaidi100.com/" target="_blank">查看物流</a></p>
			</dd>
			</dl>
			{/if}
		</div>
		
		<div class="ord_list1">
			<h2><img src="/mobiled/images/dianpu.png">网站自营</h2>
            
	<!--商品列表-->	
    {volist name="order_info.goods_list" id="good"}
			<div class="order_list">
		        <a href="{:url('Classify/goodsinfo')}?id={$good.goods_id}">
		          <dl>
		          <dt><img src="{$good.goods_id|goods_thum_images=100,100}"></dt>
		          <dd class="name" class="pice" style=" width:55%;">
	                  <strong>{$good.goods_name}</strong><span>{$good.spec_key_name}</span>
                   </dd>
		          <dd class="pice" style=" font-size:13px; color:#F60; width:25%;">￥{$good['member_goods_price']}元<em>x{$good['goods_num']}</em></dd>
		          <dd class="pice" style=" font-size:13px; color:#F60; width:25%;" id="dd">
                  	<em>

						{if condition="($order_info['return_btn'] eq 1) and ($good['is_send'] eq 1) and ($order_info['order_status'] !=2) "}
                          	<a href="{:url('User/return_goods',array('order_id'=>$order_info['order_id'],'order_sn'=>$order_info['order_sn'],'goods_id'=>$good['goods_id'],'spec_key'=>$good['spec_key'],'rec_id'=> $good['rec_id']))}" style="color:#FF3300;">申请售后</a>
						{/if}
                    </em>
                  </dd>
		          </dl>
		          </a>
		          <div class="pic" style=" border:0;"><span>小计：</span><strong>￥{$good['member_goods_price'] * $good['goods_num']}元</strong></div>
		    </div>
	{/volist}
	<!-- end 商品列表-->										       
			<div class="jiage">
				<p>商品总价&nbsp;:&nbsp;<span class="price">￥{$order_info.goods_price}元</span></p>
				<p>会员折扣价&nbsp;:&nbsp;<span class="price">￥{$order_info.goods_price*$Think.session.user['leve']['discount']/100}元</span></p>
				<p>配送费用&nbsp;:&nbsp;<span class="price">￥{$order_info.shipping_price}元</span></p>
                                <p>优惠券&nbsp;:&nbsp;<span class="price">￥{$order_info.coupon_price}元</span></p>

				<p>应付款金额&nbsp;:&nbsp;<span class="price1">￥{$order_info.order_amount}元</span></p>						
			</div>
		</div>
		  
		<section class="qita">
		    <div class="navContent"> 
		    <ul>
				<li class="first">配送方式&nbsp;:&nbsp;{$order_info.shipping_name}</li>	
				<li>支付方式&nbsp;:&nbsp;{$order_info.pay_name}</li>
			</ul>
		    </div>      
		</section>
		
		<div style=" height:50px;"></div> 
		
		<div class="detail_dowm">
			<div class="anniu1">
                {if condition="$order_info.cancel_btn eq 1"}<a onClick="cancel_order({$order_info.order_id})" class="on_comment">取消订单</a>{/if}
                {if condition="$order_info.pay_btn eq 1"}<a href="{:url('classify/pay')}?order_id={$order_info['order_id']}" class="on_comment">立即付款</a>{/if}
                <!--{if condition="$order_info.receive_btn eq 1"}<a href="{:url('User/order_confirm',array('id'=>$order_info['order_id']))}" class="on_comment">收货确认</a>{/if}-->
                {if condition="$order_info.shipping_btn eq 1"}<a href="http://www.kuaidi100.com/?nu={$order_info.invoice_no}" class="on_comment">查看物流</a>{/if}
			</div> 
		</div>
	</div>		
</div>

</body>
{/block}

{block name="js"}
<script src="/layer/layer.js"></script>
<script> 
    //取消订单
    function cancel_order(id){
        layer.confirm("确定删除？", {btn: ["确定","取消"], shade: 0.5}, function(){
            // 删除权限组
            $.post("{:url('User/cancel_order')}", {id: id}, function(res) {
                if (res.code == 201) {
                    layer.msg(res.msg, {shade: 0.5, time: 1000, icon: 2});
                    return false;
                }
                location.href = "{:url('User/order_list')}";

            });
        }, function () {});
    }
</script>
{/block}